﻿<phone:PhoneApplicationPage 
    x:Class="FunPeaceForWP7.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:shareLib="clr-namespace:Game77SharedLib;assembly=Game77SharedLib"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True" xmlns:my="clr-namespace:Studio77.FunPeaceForWP7.Views">
	<phone:PhoneApplicationPage.Resources>
        <Storyboard x:Name="Init"  >
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="zero">
                <EasingDoubleKeyFrame KeyTime="0" Value="-480"/>
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="two">
                <EasingDoubleKeyFrame KeyTime="0" Value="480"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="Next">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="zero">
                <EasingDoubleKeyFrame KeyTime="0" Value="480"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="one">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="-480"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="two">
                <EasingDoubleKeyFrame KeyTime="0" Value="480"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="Prev">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="zero">
                <EasingDoubleKeyFrame KeyTime="0" Value="-480"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="one">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="480"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="two">
                <EasingDoubleKeyFrame KeyTime="0" Value="-480"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Style x:Key="LeftButtonStyle" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#7FFFFFFF" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#7FFFFFFF" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="image" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="border" BorderThickness="1" CornerRadius="5">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#7FFFFFFF" Offset="0.5"/>
										<GradientStop Color="Transparent" Offset="1"/>
										<GradientStop Color="Transparent"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
							<Image x:Name="image" Height="35" Source="images/btn_prev_normal.png" Stretch="Fill" VerticalAlignment="Center" HorizontalAlignment="Center" Width="35"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="LeftButtonStyle2" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#7FFFFFFF" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#7FFFFFFF" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="image" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="border" BorderThickness="1" CornerRadius="5">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#7FFFFFFF" Offset="0.5"/>
										<GradientStop Color="Transparent" Offset="1"/>
										<GradientStop Color="Transparent"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
							<Image x:Name="image" Height="35" Source="images/btn_next_normal.png" Stretch="Fill" VerticalAlignment="Center" Width="35" HorizontalAlignment="Center"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="PiButtonStyle" TargetType="Button">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Padding" Value="10,3,10,5"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ColorAnimation Duration="0" To="#FFEBD3BA" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFFF8000" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FF8B4906" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="ButtonBackground" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="5" BorderBrush="#FF3B3B3B" Margin="7">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="Black" Offset="1"/>
										<GradientStop Color="Gray"/>
										<GradientStop Color="#FF4D4D4D" Offset="0.116"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<ControlTemplate x:Key="PhoneSimpleRepeatButton" TargetType="RepeatButton">
			<Rectangle Fill="Transparent"/>
		</ControlTemplate>
		<Style x:Key="SliderStyle1" TargetType="Slider">
			<Setter Property="BorderThickness" Value="0"/>
			<Setter Property="BorderBrush" Value="Transparent"/>
			<Setter Property="Maximum" Value="10"/>
			<Setter Property="Minimum" Value="0"/>
			<Setter Property="Value" Value="0"/>
			<Setter Property="Background" Value="{StaticResource PhoneContrastBackgroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneAccentBrush}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Slider">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimation Duration="0" To="0.1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HorizontalTrack"/>
											<DoubleAnimation Duration="0" To="0.1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="VerticalTrack"/>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="HorizontalFill">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="VerticalFill">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Grid x:Name="HorizontalTemplate" Margin="{StaticResource PhoneHorizontalMargin}">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="12"/>
									<ColumnDefinition Width="*"/>
								</Grid.ColumnDefinitions>
								<Rectangle x:Name="HorizontalFill" Fill="{TemplateBinding Foreground}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50"/>
								<Rectangle x:Name="HorizontalTrack" Grid.Column="2" Fill="{TemplateBinding Background}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50" Opacity="0.2"/>
								<RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
								<RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" Grid.Column="2" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
								<Thumb x:Name="HorizontalThumb" Grid.Column="1" Height="12" Margin="0,22,0,50" Width="12">
									<Thumb.Template>
										<ControlTemplate>
											<Canvas Background="{StaticResource PhoneForegroundBrush}" Height="12" Width="12">
												<Image Height="45" Source="images/myThumb.png" Stretch="Fill" Width="45" Canvas.Left="-16" Canvas.Top="-16"/>
											</Canvas>
										</ControlTemplate>
									</Thumb.Template>
								</Thumb>
							</Grid>
							<Grid x:Name="VerticalTemplate" Margin="{StaticResource PhoneVerticalMargin}">
								<Grid.RowDefinitions>
									<RowDefinition Height="*"/>
									<RowDefinition Height="12"/>
									<RowDefinition Height="Auto"/>
								</Grid.RowDefinitions>
								<Rectangle x:Name="VerticalFill" Fill="{TemplateBinding Foreground}" IsHitTestVisible="False" Margin="18,0,18,0" Grid.Row="2" Width="12"/>
								<Rectangle x:Name="VerticalTrack" Fill="{TemplateBinding Background}" IsHitTestVisible="False" Margin="18,0,18,0" Opacity="0.2" Width="12"/>
								<RepeatButton x:Name="VerticalTrackLargeChangeIncreaseRepeatButton" IsTabStop="False" Grid.Row="2" Template="{StaticResource PhoneSimpleRepeatButton}"/>
								<RepeatButton x:Name="VerticalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
								<Thumb x:Name="VerticalThumb" Height="12" Margin="18,0" Grid.Row="1" Width="12">
									<Thumb.Template>
										<ControlTemplate>
											<Canvas Background="{StaticResource PhoneForegroundBrush}" Height="12" Width="12">
												<Rectangle Fill="Transparent" Height="72" IsHitTestVisible="True" Canvas.Left="-18" Canvas.Top="-30" Width="48"/>
											</Canvas>
										</ControlTemplate>
									</Thumb.Template>
								</Thumb>
							</Grid>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="40"/>
            <RowDefinition Height="158"/>
            <RowDefinition Height="70
			"/>
        </Grid.RowDefinitions>

        <!--TitlePanel 包含应用程序的名称和页标题-->

        <!--ContentPanel - 在此处放置其他内容-->

        <!--ContentPanel - 在此处放置其他内容-->
        <Image Grid.RowSpan="4" Source="images/back.jpg" Stretch="Fill" Opacity="0.7"/>
        <Grid Grid.RowSpan="2" Background="#02FFFFFF">
			<toolkit:GestureService.GestureListener>
            	<toolkit:GestureListener   Flick="GestureListener_Flick" />
        	</toolkit:GestureService.GestureListener>
		</Grid>
        <Grid Margin="12,8,12,5">
        	<Grid.ColumnDefinitions>
        		<ColumnDefinition Width="35"/>
        		<ColumnDefinition/>
        		<ColumnDefinition Width="35"/>
        	</Grid.ColumnDefinitions>
<!--ContentPanel - 在此处放置其他内容-->
    		<Grid x:Name="ContentPanel" Grid.Row="1" VerticalAlignment="Center" Grid.Column="1">
                <Grid.RenderTransform>
                    <CompositeTransform />
                </Grid.RenderTransform>
                <Grid.RowDefinitions>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    			</Grid.RowDefinitions>
                <Button Content="一气呵成" Click="btnPi_Click" Tag="01" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="慢慢悠悠" Click="btnPi_Click" Tag="02" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="断断续续" Click="btnPi_Click" Tag="03" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="1" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="速战速决" Click="btnPi_Click" Tag="04" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="1" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="延绵不绝" Click="btnPi_Click" Tag="05" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="2" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="淑女风格" Click="btnPi_Click" Tag="06" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="2" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="晴天霹雳" Click="btnPi_Click" Tag="07" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="3" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="意犹未尽" Click="btnPi_Click" Tag="08" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="3" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="短小精悍" Click="btnPi_Click" Tag="09" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="4" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="地动山摇" Click="btnPi_Click" Tag="10" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="4" Height="75" Style="{StaticResource PiButtonStyle}"/></Grid>
    		<Grid x:Name="ContentPanel2" Grid.Row="1" VerticalAlignment="Center" Grid.Column="1" d:LayoutOverrides="GridBox">
                <Grid.RenderTransform>
                    <CompositeTransform />
                </Grid.RenderTransform>
                <!--<toolkit:GestureService.GestureListener>
    				<toolkit:GestureListener Flick="GestureListener_Flick" />     	
    			</toolkit:GestureService.GestureListener>-->
    			<Grid.RowDefinitions>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    			</Grid.RowDefinitions>
                <Button Content="错落有致" Click="btnPi_Click" Tag="11" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="如释重负" Click="btnPi_Click" Tag="12" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="高开低走" Click="btnPi_Click" Tag="13" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="1" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="藕断丝连" Click="btnPi_Click" Tag="14" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="1" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="退避三舍" Click="btnPi_Click" Tag="15" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="2" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="底气不足" Click="btnPi_Click" Tag="16" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="2" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="一飞冲天" Click="btnPi_Click" Tag="17" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="3" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="首尾呼应" Click="btnPi_Click" Tag="18" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="3" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="夹缝求生" Click="btnPi_Click" Tag="19" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="4" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="奇声异响" Click="btnPi_Click" Tag="20" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="4" Height="75" Style="{StaticResource PiButtonStyle}"/></Grid>
    		<Grid x:Name="ContentPanel3" Grid.Row="1" VerticalAlignment="Center" Grid.Column="1" d:LayoutOverrides="GridBox">
                <Grid.RenderTransform>
                    <CompositeTransform />
                </Grid.RenderTransform>
    			<Grid.RowDefinitions>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    				<RowDefinition Height="0.2*"/>
    			</Grid.RowDefinitions>
                <Button Content="高潮迭起" Click="btnPi_Click" Tag="21" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="后起之秀" Click="btnPi_Click" Tag="22" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="机枪扫射" Click="btnPi_Click" Tag="23" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="1" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="平平淡淡" Click="btnPi_Click" Tag="24" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="1" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="遥相呼应" Click="btnPi_Click" Tag="25" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="2" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="昙花一现" Click="btnPi_Click" Tag="26" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="2" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="抑扬顿挫" Click="btnPi_Click" Tag="27" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="3" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="回味无穷" Click="btnPi_Click" Tag="28" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="3" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="越挫越勇" Click="btnPi_Click" Tag="29" HorizontalAlignment="Left" Width="180" VerticalAlignment="Center" Margin="10,5,0,5" Grid.Row="4" Height="75" Style="{StaticResource PiButtonStyle}"/>
                <Button Content="中流砥柱" Click="btnPi_Click" Tag="30" HorizontalAlignment="Right" Width="180" VerticalAlignment="Center" Margin="0,5,10,5" Grid.Row="4" Height="75" Style="{StaticResource PiButtonStyle}"/></Grid>
    		<Button x:Name="btnPrevious" Content="" Margin="0,8" Style="{StaticResource LeftButtonStyle}"/>
    		<Button x:Name="btnNext" Content="" Margin="0,8" Style="{StaticResource LeftButtonStyle2}" Grid.Column="2"/>
    	</Grid>
        <Border Margin="0" Grid.Row="2" Background="#8C2D2D2D">
        	<Grid Margin="12,0">
        		<StackPanel Margin="20,0" Orientation="Vertical" d:LayoutOverrides="Height" VerticalAlignment="Center">
        			<TextBlock x:Name="txtDelay" HorizontalAlignment="Center" TextWrapping="Wrap" Text="放屁延时: 0秒" VerticalAlignment="Center" FontSize="24"/>
        			<Slider x:Name="sliderDelay" VerticalAlignment="Top" Style="{StaticResource SliderStyle1}"/>
        		</StackPanel>
        	</Grid>
        </Border>
        <my:IosPageViewer Grid.Row="1" x:Name="iosPageViewer1" />
        <MediaElement x:Name="piMediaElement" HorizontalAlignment="Right" Margin="0,8,71,8" Grid.Row="1" Width="50"/>
        <Border x:Name="bdrDelayMask" BorderThickness="1" Grid.RowSpan="3" Background="#B22B2B2B" Visibility="Collapsed">
        	<Border BorderThickness="1" CornerRadius="10" Width="321" Height="336" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,0,80">
        		<Border.BorderBrush>
        			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        				<GradientStop Color="#FF999999" Offset="0"/>
        				<GradientStop Color="#FF313131" Offset="1"/>
        			</LinearGradientBrush>
        		</Border.BorderBrush>
        		<Border.Background>
        			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        				<GradientStop Color="#FF858585" Offset="0.19"/>
        				<GradientStop Color="Gainsboro" Offset="1"/>
        				<GradientStop Color="#FFBEBEBE"/>
        			</LinearGradientBrush>
        		</Border.Background>
        		<Grid>
        			<Grid.RowDefinitions>
        				<RowDefinition Height="52.5"/>
        				<RowDefinition/>
        			</Grid.RowDefinitions>
        			<Border BorderBrush="#FFD4D4D4" BorderThickness="0,0,0,1" CornerRadius="10,10,0,0">
        				<Border.Background>
        					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        						<GradientStop Color="#FFFF0606" Offset="0"/>
        						<GradientStop Color="#FF850000" Offset="1"/>
        					</LinearGradientBrush>
        				</Border.Background>
        			</Border>
        			<TextBlock TextWrapping="Wrap" Text="放屁倒计时" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="32" Foreground="White" FontFamily="Segoe WP Black" Margin="0,0,0,3"/>
        			<TextBlock x:Name="txtLeftSeconds" HorizontalAlignment="Center" Grid.Row="1" TextWrapping="Wrap" Text="50" VerticalAlignment="Center" FontSize="236" FontFamily="Segoe WP Semibold" Foreground="#FF850000" Margin="0,0,0,25"/>
        		</Grid>
        	</Border>
        </Border>
        <Border Grid.Row="3" >
        	<Image HorizontalAlignment="Center" Source="logo77.png" Stretch="Fill" Width="127" Margin="0" VerticalAlignment="Center" Height="36"/>
        </Border>
        <SmartMad:AdView xmlns:SmartMad="clr-namespace:SmartMad.Ads.WindowsPhone7.WPF;assembly=SmartMad.Ads.WindowsPhone7" 
                x:Name="adView1" 
                AdViewEvent="adView1_AdViewEvent"
                AdPositionID="90024527"
                AdInterval="30"
                AdAnimation="AdAnimationFlipFromLeft"
                IsDebugMode="False" Margin="0,-2,0,0" Grid.Row="3" HorizontalAlignment="Center" VerticalAlignment="Bottom"/>
        <shareLib:MokaBanner x:Name="mokaBanner" Height="80" Width="480" Margin="0,148,0,0" Grid.Row="2" Grid.RowSpan="2"/>
    </Grid>

</phone:PhoneApplicationPage>